<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <!-- 1.遍历数组 -->

        <!-- 2.遍历对象 -->
        <ul>
          <li v-for="(value,key,index) in info">{{value}}-{{key}}-{{index}}</li>
        </ul>

        <!-- 3.遍历字符串 -->
        <ul>
          <li v-for="item in message">{{item}}</li>
        </ul>

        <!-- 4.遍历数字 -->
        <ul>
          <li v-for="item in 10">{{item}}</li>
        </ul>
    </div>

    <script src="./lib/Vue.js"></script>
    <script>
        const app = Vue.createApp({
            data() {
                return{
                  message:"Hello Vue",
                  movies:[],
                  info:{name:"why",age:"18",height:"1.88"}
                }
            }
        })
        app.mount("#app")
    </script>
</body>
</html>